<template>
  <div>
    <div class="form-config-container">
      <el-form label-position="top">
        <el-form-item label="表单属性">
          <el-radio-group v-model="data.labelPosition" size="small">
            <el-radio-button label="left">左对齐</el-radio-button>
            <el-radio-button label="right">右对齐</el-radio-button>
            <el-radio-button label="top">顶部对齐</el-radio-button>
          </el-radio-group>
        </el-form-item>

        <!-- <el-form-item label="标签宽度" v-if="currentItem.type !== 'button'">
          <el-input-number
            v-model="data.labelWidth"
            :min="0"
            :max="200"
            :step="10"
          ></el-input-number>
        </el-form-item>

        <el-form-item label="组件尺寸">
          <el-radio-group v-model="data.size">
            <el-radio-button label="medium">medium</el-radio-button>
            <el-radio-button label="small">small</el-radio-button>
            <el-radio-button label="mini">mini</el-radio-button>
          </el-radio-group>
        </el-form-item>

        <el-form-item label="按钮类型" v-if="currentItem.type === 'button'">
          <el-radio v-model="currentItem.options.type" label="primary"
            >primary</el-radio
          >
          <el-radio v-model="currentItem.options.type" label="success"
            >success</el-radio
          >
          <el-radio v-model="currentItem.options.type" label="info"
            >info</el-radio
          >
          <el-radio v-model="currentItem.options.type" label="warning"
            >warning</el-radio
          >
          <el-radio v-model="currentItem.options.type" label="danger"
            >danger</el-radio
          >
          <el-radio v-model="currentItem.options.type" label="default"
            >Default</el-radio
          >
        </el-form-item> -->
      </el-form>
    </div>
  </div>
</template>
<script setup>
import { defineComponent, reactive, toRefs, watchEffect } from "vue";
import { cloneDeep } from "lodash";
const props = defineProps({
  data: {
    type: Object,
  },
});
</script>
<style lang="scss" scoped>
.form-config-container {
  padding: 0 10px;
}
</style>
